<!DOCTYPE html>
<html class="full-height" lang="en-US">

<head>
    <meta charset="UTF-8">
    <!--bootstrap 移动设备优先-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>南昌地铁</title>

    <!--网站描述， 有利于搜索引擎找到网页-->
    <meta name="description" content="南昌地铁" />
    <!--字体样式-->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <!--bootstrap 框架-->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/mdb.min.css" rel="stylesheet">
    <link href="styles/main.css" rel="stylesheet">
    <link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="bookmark" href="/favicon.ico" />

</head>

<body id="top" class="top">

    <!-- 页面启动前的 过渡效果 -->
    <!-- preloader start -->
    <div class="preloader">
        <div class="preloader-box">
            <div>L</div>
            <div>O</div>
            <div>A</div>
            <div>D</div>
            <div>I</div>
            <div>N</div>
            <div>G</div>
        </div>
    </div>

    <!-- preloader end -->
    <header>


        <!-- 顶部top 的 nav 导航条-->
        <nav class="navbar navbar-expand-lg navbar-dark fixed-top scrolling-navbar" id="navbar">

            <!--bootstrap组件 container-->
            <div class="container" id="comehere">

                <!--logo图片  优化：单击返回 主页面-->
                <a class="navbar-brand" href="index.html"><img src="img/logo.jpg" alt="logo" width="100px"></a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
                <div class="collapse navbar-collapse" id="navbarContent">
                    <!--锚链接-->
                    <ul class="navbar-nav ml-auto">
                        <li class="nav-item"><a class="nav-link active" href="#about">建设方向</a></li>

                        <li class="nav-item"><a class="nav-link" href="#pricing">建设计划</a></li>
                        <li class="nav-item"><a class="nav-link" href="#team">设计师</a></li>
                        <li class="nav-item"><a class="nav-link" href="#video">宣传视频</a></li>
                        <li class="nav-item"><a class="nav-link " href="contribute.html">投稿</a></li>
                    </ul>
                    <!--登录按钮-->
                    <a class="btn btn-primary btn-rounded my-0" href="login.html"><strong>登 录</strong></a> </div>
            </div>
        </nav>
        <!-- 顶部top 的 nav 导航条end-->

        <!-- Intro Section  导航条下面-->
        <section class="view hm-gradient" id="intro">
            <div class="full-bg-img d-flex align-items-center">
                <div class="container">
                    <div class="row no-gutters">

                        <!--大屏占6份  中屏幕占 10份-->
                        <div class="col-md-10 col-lg-6 text-center text-md-left margins">
                            <div class="white-text">
                                <div class="wow fadeInLeft" data-wow-delay="0.3s">
                                    <h1 class="h1-responsive font-bold mt-sm-5">构建最美地铁-南昌地铁</h1>
                                    <div class="h6">
                                        不知道有没有人和我一样，喜欢坐地铁出行，偶尔需要坐好多好多站，感觉仿佛置身于另外一个空间，出站的时候看到一个风格不同的地铁站，恍若来到一个新世界。<br> 地铁站这么美，从此爱上 take the subway!
                                    </div>
                                </div>
                                <br>
                                <div class="wow fadeInLeft" data-wow-delay="0.3s">
                                    <a class="btn btn-white dark-grey-text font-bold ml-0" href="#projects"> <i class="fa fa-play mr-1"></i>let me see</a>
                                    <!--<a class="btn btn-outline-white" href="#">请开始你的表演</a> --></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </header>
    <div id="content">
        <section class="row no-gutters" id="features">
            <div class="col-lg-3 col-md-6 col-sm-12 deep-purple lighten-1 text-white features_pa">
                <div class="p-5 text-center wow zoomIn pa">
                    <div class="h5 mt-3 btn btn-outline-white">托莱多地铁站 </div>
                    <p class="mt-5">托莱多站以 “光与水”为主题，地面和墙壁都是一片蔚蓝，墙壁的上端和天花板洒满了点点白色的光斑，让人仿佛置身于一场瑰丽的梦境之中。</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 purple lighten-1 text-white  features_pb">
                <div class="p-5 text-center wow zoomIn" data-wow-delay=".3s">
                    <div class="h5 mt-3 btn btn-outline-white">Radhuset地铁站 </div>
                    <p class="mt-5">地面平整，但墙壁和天花板却保持着原始的风格，凹凸不平的岩石被涂成了赭色，风格粗犷，让人仿佛置身于远古的洞穴中，似乎穿梭的地铁会将人带入洪荒之境。</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 teal lighten-1 text-white   features_pc">
                <div class="p-5 text-center wow zoomIn" data-wow-delay=".5s">
                    <div class="h5 mt-3 btn btn-outline-white"> 美丽岛站</div>
                    <p class="mt-5">它的设计理念结合了神秘的自然以及人们的美好祝愿，展现了浩瀚宇宙中的万物荣枯，一蓝一红两根柱子亦体现了阴阳两极的文化概念。</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-6 light-blue lighten-1 text-white features_pd">
                <div class="p-5 text-center wow zoomIn" data-wow-delay=".7s">
                    <div class="h5 mt-3  btn btn-outline-white"> T-Centralen地铁站</div>
                    <p class="mt-5">站台以蓝、白两色为主，蓝为地，白为天，天地间蔓延铺展着简单的大片枝叶图案，既像远古的图腾壁画，又像孩童的天真笔触。</p>
                </div>
            </div>
        </section>

        <section class="text-center py-5 grey lighten-4" id="about">
            <div class="container">
                <div class="wow fadeIn">
                    <i class="fa fa-subway fa-3x cyan-text"></i>
                    <h2 class="h1 pt-5 pb-3">南昌地铁文化建设的特点与发展思考</h2>
                    <p class="px-5 mb-5 pb-3 lead blue-grey-text"> 如今的地铁建设, 不再以方便乘客出行为唯一的建设目标。在达到人们便捷出行、安全出行必需需求的同时, 良好的空间环境和艺术氛围也成为现代地铁乘客需求的重点。本网站通过对国内外地铁文化的阐述以及对南昌地铁文化特点的分析, 思考南昌地铁文化未来发展方向。</p>
                </div>
                <div class="row">
                    <div class="col-md-3 mb-r wow fadeInUp" data-wow-delay=".1s"><i class="fa fa-building fa-3x cyan-text"></i>
                        <h3 class="h4 mt-3">与城市文化关联</h3>
                        <p class="mt-3 blue-grey-text"> 南昌的地铁, 其实代表了南昌文化, 走进南昌地铁就像走入了南昌这座城市的历史文化长廊。 </p>
                    </div>

                    <div class="col-md-3 mb-r wow fadeInUp" data-wow-delay=".3s"><i class="fa fa-heart fa-3x red-text"></i>
                        <h3 class="h4 mt-3">重视公共性和公益性</h3>
                        <p class="mt-3 blue-grey-text">商业味较浓, 但同样要重视艺术内容的公共性和公益性。</p>
                    </div>
                    <div class="col-md-3 mb-r wow fadeInUp" data-wow-delay=".5s"><i class="fa fa-comments-o fa-3x red-text"></i>
                        <h3 class="h4 mt-3">重视中外文化交流</h3>
                        <p class="mt-3 blue-grey-text"> 文化因互相交流而丰富多彩, 因取长补短而更加完善。</p>
                    </div>
                    <div class="col-md-3 mb-r wow fadeInUp" data-wow-delay=".7s"><i class="fa fa-book fa-3x cyan-text"></i>
                        <h3 class="h4 mt-3">公共艺术空间完善</h3>
                        <p class="mt-3 blue-grey-text">不仅体现出作为交通工具的各种元素信息, 更深层次的内容如艺术、文学等因素都有较好的涵盖。</p>
                    </div>
                </div>
            </div>
        </section>
        <section class="py-5" id="projects">
            <div class="container">
                <div id="demo" class="carousel slide wow fadeInRight" data-ride="carousel" data-wow-delay="0.3s">
                    <!-- 指示符 -->
                    <ul class="carousel-indicators">
                        <li data-target="#demo" data-slide-to="0" class="active"></li>
                        <li data-target="#demo" data-slide-to="1"></li>
                        <li data-target="#demo" data-slide-to="2"></li>
                        <li data-target="#demo" data-slide-to="3"></li>
                    </ul>
                    <div class="carousel-inner container center-on-small-only">
                        <div class="img-see ">
                            <div class="carousel-item active" alt="">
                                <img src="upload/b12.jpg" alt="" width="999px" height="580px">
                            </div>
                            <div class="carousel-item ">
                                <img src="upload/b4.jpg" alt="" width="999px">
                            </div>
                            <div class="carousel-item" alt="">
                                <img src="upload/b2.jpg" alt="" width="999px">
                            </div>
                            <div class="carousel-item" alt="">
                                <img src="upload/b3.jpg" alt="" width="999px">
                            </div>
                            <div class="carousel-item" alt="">
                                <img src="upload/b1 .jpg" alt="" width="999px">
                            </div>
                            <div class="carousel-item" alt="">
                                <img src="upload/b5.jpg" alt="" width="999px">
                            </div>
                            <div class="carousel-item" alt="">
                                <img src="upload/b6.jpg" alt="" width="999px">
                            </div>
                            <div class="carousel-item" alt="">
                                <img src="upload/b7.jpg" alt="" width="999px">
                            </div>
                            <div class="carousel-item" alt="">
                                <img src="upload/b8.jpg" alt="" width="999px">
                            </div>
                            <div class="carousel-item" alt="">
                                <img src="upload/b10.jpg" alt="" width="999px">
                            </div>

                            <div class="carousel-item" alt="">
                                <img src="upload/b11.jpg" alt="" width="999px">
                            </div>
                        </div>

                    </div>

                    <!-- 左右切换按钮 -->
                    <a class="carousel-control-prev" href="#demo" data-slide="prev">
                        <span class="carousel-control-prev-icon"></span>
                    </a>

                    <a class="carousel-control-next" href="#demo" data-slide="next" style="margin-right: 60px; ">
                        <span class="carousel-control-next-icon"></span>
                    </a>

                </div>
            </div>
        </section>
        <section class="text-center py-5 indigo darken-1 text-white" id="pricing">
            <div class="container">
                <div class="wow fadeIn">
                    <h2 class="h1 pt-5 pb-3">我们的建设计划</h2>
                    <p class="px-5 mb-5 pb-3 lead"> 将力争上半年完成地铁2号线全线贯通、2020年完成地铁3号线的贯通、2021年完成4号线的贯通、<br> 从今年开始力争每年贯通一条地铁线 </p>
                </div>
                <div class="row wow zoomIn">
                    <div class="col-lg-4 col-md-12 mb-r">
                        <div class="card card-image">
                            <div class="text-white text-center pricing-card d-flex align-items-center rgba-stylish-strong py-3 px-3 rounded">
                                <div class="card-body">
                                    <div class="h5">2号线</div>

                                    <div class="py-5"><span class="display-1 counter">99</span><span class="display-4">%</span></div>
                                    <p>按照规划，二号线东延线线路走向为：辛家庵站-解放西路站-城南大道站-高新大道站-东升大道站-昌东大道-罗家中路站-罗家三路站-胡坊站-南昌东站。</p>
                                    <a class="btn btn-outline-white mt-5"> 了解更多</a> </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-12 mb-r">
                        <div class="card card-image">
                            <div class="text-white text-center pricing-card d-flex align-items-center rgba-teal-strong py-3 px-3 rounded">
                                <div class="card-body">
                                    <div class="h5">3号线</div>
                                    <div class="py-5"><span class="display-1 counter">30</span><span class="display-4">%</span></div>
                                    <p>截止到目前，南昌地铁3号线14座车站已封顶，8座车站正在进行土方开挖和主体结构施工；10条区间单线已贯通，10条盾构区间正掘进施工。</p>
                                    <a class="btn btn-outline-white mt-5"> 了解更多</a> </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-12 mb-r">
                        <div class="card card-image">
                            <div class="text-white text-center pricing-card d-flex align-items-center rgba-red-strong py-3 px-3 rounded">
                                <div class="card-body">
                                    <div class="h5">4号线</div>
                                    <div class="py-5"><span class="display-1 counter">9</span><span class="display-4">%</span></div>
                                    <p>4号线首台盾构机在西站南广场站，至礼庄山站区间右线成功始发，正式进入盾构掘进施工阶段。预计将于明年下半年完工。</p>
                                    <a class="btn btn-outline-white mt-5"> 了解更多</a> </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>



        <section class="py-5" id="team">
            <div class="container">
                <div class="wow fadeIn">
                    <h2 class="h1 pt-5 pb-3 text-center">我们的设计师</h2>
                    <p class="px-5 mb-5 pb-3 lead text-center blue-grey-text"> 畅通洪城，引领未来。 设计的本质是利用空间并赋予其美感和意义。</p>
                </div>
                <div class="row mb-lg-4 center-on-small-only">
                    <div class="col-lg-6 col-md-12 mb-r wow fadeInLeft" data-wow-delay=".3s">
                        <div class="col-md-6 float-left"><img class="img-fluid rounded z-depth-2 mb-3" src="img/jay.jpg" alt="team member" /></div>
                        <div class="col-md-6 float-right">
                            <div class="h4">周杰伦</div>
                            <h6 class="font-bold blue-grey-text mb-4">总设计师</h6>
                            <p class="grey-text">1、本科以上学历；5年以上工作经验；<br> 2、持有注册造价工程师证；
                                <br> 3、具有对成本管理工作协调、沟通、解决处理问题的能力；
                                <br>
                            </p>
                            <a href="mailto: 1418580404@qq.com" target="_blank"><i class="fa fa-envelope-o"></i><span class="ml-1">给他发邮件</span></a> </div>
                    </div>
                    <div class="col-lg-6 col-md-12 mb-r wow fadeInRight" data-wow-delay=".3s">
                        <div class="col-md-6 float-left"><img class="img-fluid rounded z-depth-2  mb-3" src="img/hua.jpg" alt="team member" /></div>
                        <div class="col-md-6 float-right">
                            <div class="h4">华晨宇</div>
                            <h6 class="font-bold blue-grey-text mb-4">设计师</h6>
                            <p class="grey-text">1、本科以上学历；5年以上工作经验；<br> 2、持有注册造价工程师证；
                                <br> 3、具有对成本管理工作协调、沟通、解决处理问题的能力；
                                <br></p>
                            <a href="mailto: 1418580404@qq.com" target="_blank"><i class="fa fa-envelope-o"></i><span class="ml-1">给他发邮件</span></a> </div>
                    </div>
                </div>
                <div class="row center-on-small-only">
                    <div class="col-lg-6 col-md-12 mb-r wow fadeInLeft" data-wow-delay=".3s">
                        <div class="col-md-6 float-left"><img class="img-fluid rounded z-depth-2 mb-3" src="img/jj.jpg" alt="team member" /></div>
                        <div class="col-md-6 float-right">
                            <div class="h4">林俊杰</div>
                            <h6 class="font-bold blue-grey-text mb-4">设计师</h6>
                            <p class="grey-text">1、本科以上学历；5年以上工作经验；<br> 2、持有注册造价工程师证；
                                <br> 3、具有对成本管理工作协调、沟通、解决处理问题的能力；
                                <br></p>
                            <a href="mailto: 1418580404@qq.com" target="_blank"><i class="fa fa-envelope-o"></i><span class="ml-1">给他发邮件</span></a> </div>
                    </div>
                    <div class="col-lg-6 col-md-12 mb-r wow fadeInRight" data-wow-delay=".3s">
                        <div class="col-md-6 float-left"><img class="img-fluid rounded z-depth-2 mb-3" src="img/gem.jpg" alt="team member" /></div>
                        <div class="col-md-6 float-right">
                            <div class="h4">邓紫棋</div>
                            <h6 class="font-bold blue-grey-text mb-4">设计师</h6>
                            <p class="grey-text">1、本科以上学历；5年以上工作经验；<br> 2、持有注册造价工程师证；
                                <br> 3、具有对成本管理工作协调、沟通、解决处理问题的能力；
                                <br></p>
                            <a href="mailto: 1418580404@qq.com" target="_blank"><i class="fa fa-envelope-o"></i><span class="ml-1">给他发邮件</span></a> </div>
                    </div>
                </div>
            </div>
        </section>


        <section id="video" style="background-image:url('upload/b10.jpg');">
            <div class="rgba-black-strong py-5">
                <div class="container">
                    <div class="wow fadeIn">
                        <h2 class="h1 text-white pt-5 pb-3 text-center">我们的宣传视频</h2>
                        <p class="text-white px-5 mb-5 pb-3 lead text-center"> 设计团队设想我们将在2030年 达到一个新高度， 感谢观看我们的 构思视频。</p>
                    </div>
                    <div class="card mb-5 wow fadeInUp" data-wow-delay=".4s">
                        <div class="card-body p-5">
                            <div class="row">
                                <div class="col-md-8">
                                    <video src="upload/video1.mp4" controls="controls" style="outline: none;"></video>
                                </div>
                                <div class="col-md-4">


                                    <a class="btn btn-outline-blue black-text" href="#">视频中展示了我们的主要构思元素：</a>

                                    <p></p>
                                    <p>三维地铁 、地铁站、 系统动画 <br> 人群 、动画 、三维建筑漫游<br> 地铁进站 、 地标城市交通 、经济发展<br> 城市交通、 城市地铁、 楼梯电梯 <br>城市夜景、 街道、 车流<br> 高速公路 、繁华城市 、繁华都市</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="container">


                    </div>

                </div>
            </div>
        </section>
    </div>



    <!--footer -->
    <footer class="page-footer indigo darken-2 center-on-small-only pt-0 mt-0">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="mb-5 flex-center"><a class="px-3"><i class="fa fa-qq	 fa-lg white-text"></i></a><a class="px-3"><i class="fa fa-weixin fa-lg white-text"></i></a><a class="px-3"><i class="fa fa-weibo fa-lg white-text"></i></a><a class="px-3"><i class="fa fa-tencent-weibo fa-lg white-text"></i></a></div>
                </div>
            </div>
        </div>
        <div class="footer-copyright">
            <div class="container-fluid">
                <p>&Copyright; 2008-2018 www.ncmtr.com All Rights Reserved</p>
            </div>
        </div>
    </footer>
    <!--footer  end-->


    <!--<div class = "totop">
		<a href="#top"><i class="fa fa-long-arrow-up alert fa-lg text-white"></i></a>
</div>-->


    <!-- scroll-to-top start -->
    <div class="scroll-to-top">
        <span class="scroll-icon">
		<a href="#top"> <i class="fa fa-angle-double-down text-white"></i></a>
    </span>
    </div>
    <!-- scroll-to-top end -->



    <!--jquery 框架-->
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/popper.min.js"></script>

    <!--bootstrap框架-->
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/mdb.min.js"></script>

    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/jquery.counterup.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui.min.js"></script>

    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

    <script>
        new WOW().init();
    </script>
</body>

</html>